@import url(./reset.css);
* {
  box-sizing: border-box;
}

html, body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* asd */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ebebeb;
}

main header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #282828;
  height: 2.5rem;
  line-height: 2.5rem;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  overflow: hidden;
}
main header h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin: 0;
}
main header h1 .h1-left {
  width: 2.4rem;
  text-align: center;
  border-right: 0.05rem solid #222;
  box-shadow: 1px 0 1px #363636;
  color: #999;
}
main header h1 .h1-left i {
  font-size: 0.8rem;
}
main header h1 .h1-right {
  width: 7.5rem;
  padding: 0 0.8rem;
  font-size: 0.7rem;
  color: #efefef;
  font-weight: 500;
}
main header .header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
main header .header-right a {
  text-decoration: none;
}
main header .header-right .left-a {
  font-size: 0.7rem;
  padding: 0 0.3rem;
  color: #999;
  font-size: 0.7rem;
}
main header .header-right .left-a i {
  font-size: 0.6rem;
}
main header .header-right .right-a {
  width: 2.4rem;
  text-align: center;
  color: #999;
}
main header .header-right .right-a i {
  font-size: 1rem;
  font-weight: bold;
}
main .mian-view .swiper-container {
  width: 100%;
  height: 9rem;
  z-index: 0;
}
main .mian-view .swiper-container img {
  width: 100%;
  height: 100%;
}
main .mian-view .jia-zai {
  width: 100%;
  height: 9rem;
  font-size: 1.5rem;
  line-height: 9rem;
  text-align: center;
  color: #fc7103;
}
main .mian-view .list-movies .hit-movies .hit-list {
  padding-top: 0.9rem;
}
main .mian-view .list-movies .hit-movies .hit-list li {
  margin: 0 0.85rem 0.85rem 0.85rem;
  background-color: #f9f9f9;
  box-shadow: 0.5px 0.5px 1px #a8a8a8;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-pic .big-img {
  width: 14.3rem;
  height: 8rem;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-pic .big-img img {
  width: 100%;
  height: 100%;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-intro {
  padding: 0 0.7rem 0 0.5rem;
  height: 2.5rem;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-intro dl {
  padding-top: 0.7rem;
  float: left;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-intro dl dt {
  font-size: 0.6rem;
  line-height: 0.75rem;
  color: #333;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-intro dl dd {
  font-size: 0.6rem;
  color: #9a9a9a;
  line-height: 0.75rem;
}
main .mian-view .list-movies .hit-movies .hit-list li .list-intro .grade {
  color: #f78360;
  float: right;
  line-height: 2.5rem;
  font-size: 0.9rem;
}
main .mian-view .list-movies .hit-movies .hit-btn {
  display: block;
  width: 8rem;
  height: 1.5rem;
  border: 0.05rem solid #aaa;
  border-radius: 0.75rem;
  margin: 0.5rem auto 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #616161;
}
main .mian-view .list-movies .coming-movies .title {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 0.05rem solid #a8a8a8;
}
main .mian-view .list-movies .coming-movies .title .title-name {
  width: 3.25rem;
  height: 1rem;
  margin: 0 auto;
  margin-bottom: -0.5rem;
  border-radius: 0.25rem;
  font-size: 0.5rem;
  line-height: 1rem;
  text-align: center;
  color: #eee;
  background-color: #a7a7a7;
}
main .mian-view .list-movies .coming-movies .coming-list {
  padding-top: 0.9rem;
}
main .mian-view .list-movies .coming-movies .coming-list li {
  margin: 0 0.85rem 0.85rem 0.85rem;
  background-color: #f9f9f9;
  box-shadow: 0.5px 0.5px 0.05rem #a8a8a8;
}
main .mian-view .list-movies .coming-movies .coming-list li .coming-pic .coming-pic-sk {
  width: 14.3rem;
  height: 8rem;
}
main .mian-view .list-movies .coming-movies .coming-list li .coming-pic .coming-pic-sk img {
  width: 100%;
  height: 100%;
}
main .mian-view .list-movies .coming-movies .coming-list li .coming-name {
  padding: 0 0.7rem;
  height: 1.75rem;
  line-height: 1.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.6rem;
  color: #333;
}
main .mian-view .list-movies .coming-movies .coming-list li .coming-name .time-coming {
  color: RGB(245, 162, 125);
}
main .mian-view .list-movies .coming-movies .coming-btn {
  display: block;
  width: 8rem;
  height: 1.5rem;
  border: 1px solid #aaa;
  border-radius: 0.75rem;
  margin: 0.5rem auto 1.5rem;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #616161;
}
main .am-drawer {
  position: fixed;
  top: 2.5rem;
}
main .am-drawer .am-drawer-sidebar {
  background: #282828;
  position: absolute;
  display: block;
  top: 0;
  right: 5.5rem;
  bottom: 0;
  left: 0;
  -webkit-transition: all ease 0.4s;
          transition: all ease 0.4s;
}
main .am-drawer .am-drawer-sidebar .nav-list {
  border-top: 0.05rem solid #222;
  box-shadow: 0 1px 1px #363636 inset;
}
main .am-drawer .am-drawer-sidebar .nav-list li a {
  display: block;
  padding: 0 0.8rem;
  border-bottom: 1px solid #333;
  color: #9a9a9a;
  font-size: 0.7rem;
  line-height: 2.5rem;
  position: relative;
}
main .am-drawer .am-drawer-sidebar .nav-list li a i {
  position: absolute;
  right: 0.8rem;
  font-size: 0.7rem;
}
main .am-drawer .am-drawer-content {
  box-sizing: border-box;
  z-index: 0;
}
main .am-drawer .am-drawer-content .mian-movies {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: #f9f9f9;
  width: 100%;
  position: absolute;
  min-height: 100%;
}
main .am-drawer .am-drawer-content .mian-movies .movies-tab {
  height: 2.3rem;
  margin: 0 auto;
  border-bottom: solid #fe6e00 0.05rem;
  box-sizing: border-box;
}
main .am-drawer .am-drawer-content .mian-movies .movies-tab a {
  display: inline-block;
  width: 50%;
  text-align: center;
  line-height: 2.3rem;
  font-size: 0.8rem;
  color: #6a6a6a;
  box-sizing: border-box;
}
main .am-drawer .am-drawer-content .mian-movies .movies-tab .z-act {
  height: 2.3rem;
  line-height: 2.3rem;
  color: #fe6e00;
  border-bottom: solid #fe6e00 0.15rem;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item {
  padding: 1rem 0;
  border-bottom: dashed 0.05rem #c9c9c9;
  overflow: hidden;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .movie-pic {
  float: left;
  width: 3rem;
  height: 4.15rem;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .movie-pic img {
  width: 100%;
  height: 100%;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc {
  float: left;
  padding-left: 0.75rem;
  width: 75%;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-biaoti {
  height: 1.6rem;
  line-height: 1.6rem;
  color: #000;
  font-size: 0.8rem;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-biaoti p {
  width: 8.35rem;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-biaoti span {
  float: left;
  color: #fc7103;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-biaoti i {
  float: right;
  font-size: 0.6rem;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-jjie {
  height: 1.2rem;
  line-height: 1.2rem;
  color: #8e8e8e;
  font-size: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-yyuan {
  height: 1.2rem;
  line-height: 1.2rem;
  color: #8e8e8e;
  font-size: 0.6rem;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-yyuan .count {
  color: #8aa2bf;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-yyuan .kuandu {
  display: inline-block;
  width: 4.4rem;
}
main .am-drawer .am-drawer-content .mian-movies .movies-lie .list-unstyled li .film-item .film-desc .movie-yyuan .movie-sj {
  color: #ffb375;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .detail-pic {
  width: 16rem;
  height: 9rem;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .detail-pic img {
  width: 100%;
  height: 100%;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .film-intro {
  color: #333;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .film-intro .film-word1 {
  margin: 0.8rem auto;
  border-left: 0.8rem solid RGB(228, 200, 156);
  font-size: 0.8rem;
  padding-left: 0.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .film-intro .film-word2 {
  height: 0.9rem;
  line-height: 0.9rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 0.6rem;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .film-intro .film-word3 {
  text-overflow: ellipsis;
  margin-bottom: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.6rem;
  line-height: 0.9rem;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .operation {
  position: fixed;
  left: 0;
  bottom: 1rem;
  width: 100%;
  text-align: center;
}
main .am-drawer .am-drawer-content .film-detail .film-detail-view .operation button {
  font-size: 0.7rem;
  min-width: 7.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  border: none;
  background-color: #fe8233;
  padding: 0;
  margin: 0;
  border-radius: 0.9rem;
  color: #fff;
}
main .am-drawer .am-drawer-content .login-view {
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  overflow: hidden;
}
main .am-drawer .am-drawer-content .login-view form {
  padding: 0px 1.55rem 0px 1.55rem;
  box-sizing: border-box;
}
main .am-drawer .am-drawer-content .login-view form .form-group {
  margin: 1.5rem 0 0;
  position: relative;
}
main .am-drawer .am-drawer-content .login-view form .form-group .input-login {
  display: block;
  width: 100%;
  height: 1.7rem;
  padding: 0.3rem 0.6rem;
  font-size: 0.7rem;
  line-height: 1.7rem;
  color: #555;
  border: none;
  background-color: #f6f6f6;
  border-radius: 0px;
  box-shadow: none;
  outline: none;
}
main .am-drawer .am-drawer-content .login-view form .form-group .sms-code {
  width: 4.75rem;
  position: absolute;
  right: 0.25rem;
  top: -0.25rem;
  background-color: #29a097;
  color: #fff;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  border-radius: 0.15rem;
  font-size: 0.6rem;
}
main .am-drawer .am-drawer-content .login-view form .form-group .input-bg {
  position: absolute;
  top: 1rem;
  height: 0.6rem;
  width: 100%;
  border: solid #c4c4c4;
  border-width: 0 0.05rem 0.05rem 0.05rem;
}
main .am-drawer .am-drawer-content .login-view form .form-group img {
  width: 5rem;
  height: 1.5rem;
  position: absolute;
  right: 0.25rem;
  top: 0rem;
}
main .am-drawer .am-drawer-content .login-view form .code-img {
  display: none;
}
main .am-drawer .am-drawer-content .login-view form .wrong-msg {
  display: block;
  height: 0.8rem;
  color: #fe8233;
  padding-left: 0.4rem;
  font-size: 0.6rem;
}
main .am-drawer .am-drawer-content .login-view form .sub-mit {
  display: block;
  width: 8.15rem;
  background-color: #fe8233;
  color: #fff;
  border: none;
  border-radius: 1.8rem;
  margin-top: 2.25rem;
  padding: 0.4rem 0.6rem;
  font-size: 0.75rem;
  outline: none;
  margin-left: auto;
  margin-right: auto;
}
main .am-drawer .am-drawer-content .center-home-view {
  width: 100%;
  height: 100%;
}
main .am-drawer .am-drawer-content .center-home-view .center-header-wrap {
  padding: 1.8rem 0.6rem 1.2rem 10%;
  background-color: #303030;
  color: #fff;
  overflow: hidden;
}
main .am-drawer .am-drawer-content .center-home-view .center-header-wrap .center-pic {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  margin-right: 0.7rem;
  float: left;
}
main .am-drawer .am-drawer-content .center-home-view .center-header-wrap .center-name {
  float: left;
  margin-top: 0.8rem;
  font-size: 0.7rem;
}
main .am-drawer .am-drawer-content .center-home-view .center-header-wrap .center-name p {
  height: 1rem;
  line-height: 1rem;
  margin-bottom: 0.1rem;
}
main .am-drawer .am-drawer-content .center-home-view .center-header-wrap .center-name p a {
  color: #ffbd80;
  font-size: 0.6rem;
  text-decoration: underline;
}
main .am-drawer .am-drawer-content .center-home-view .center-header-wrap .center-name .center-name-id {
  font-size: 0.6rem;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper {
  width: 100%;
  margin: 0.6rem 0;
  line-height: 2.95rem;
  background-color: #fff;
  cursor: pointer;
  font-size: 0.6rem;
  color: #222;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0.6rem;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left i {
  font-size: 1.2rem;
  color: #7bcdcc;
  line-height: 1.2rem;
  vertical-align: sub;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i1 {
  color: #bbcea5;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i2 {
  color: #95c0ea;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i3 {
  color: #67a5e1;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i4 {
  color: #ffb978;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i5 {
  color: #faa0b5;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i6 {
  color: #80dae6;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left .iconfont-i7 {
  color: #a4c9e5;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-left span {
  margin-left: 0.45rem;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-right .count-span b {
  font-weight: 100;
  color: #e7a858;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .menu-wrapper-tab .menu-wrapper-right .icon-span i {
  font-size: 0.8rem;
  color: #bdbdbd;
  margin-left: 0.2rem;
  vertical-align: sub;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .menu-wrapper .sub-border {
  border-bottom: solid 0.05rem #eaeaea;
}
main .am-drawer .am-drawer-content .center-home-view .center-nav .sub-margin {
  margin: 0;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-header {
  height: 2rem;
  line-height: 2rem;
  font-size: 0.7rem;
  padding-left: 0.8rem;
  padding-right: 0;
  background: #e1e1e1;
  margin-bottom: 0.05rem;
  color: #636363;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap {
  border-bottom: 0.05rem solid #e1e1e1;
  min-width: 320px;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding {
  padding: 0.5rem 0 0.6rem 0.8rem;
  overflow: hidden;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left {
  min-width: 11.5rem;
  width: 75%;
  overflow: hidden;
  float: left;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-title {
  font-size: 0.8rem;
  width: 100%;
  margin-bottom: 0.25rem;
  line-height: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-title span {
  display: inline-block;
  max-width: 9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.15rem;
  text-align: left;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-title i {
  font-size: 1rem;
  color: #88aec8;
  font-style: normal;
  margin-right: 0.15rem;
  line-height: 1rem;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-title .icon-zi {
  position: relative;
  top: -0.05rem;
  color: #fc8558;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-privilege {
  margin-bottom: 0.25rem;
  font-size: 0.5rem;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-privilege span {
  display: inline-block;
  border-radius: 0.15rem;
  padding: 0 0.25rem;
  margin: 0 0.25rem;
  font-style: normal;
  color: #fff;
  height: 0.75rem;
  line-height: 0.75rem;
  background-color: #51add0;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-privilege .cinema-privilege-r {
  background-color: #ff9658;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-address {
  font-size: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  color: #ccc;
  height: 0.9rem;
  line-height: 0.9rem;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-left .cinema-location {
  font-size: 0.6rem;
  color: #ccc;
  line-height: 0.8rem;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-right {
  float: right;
  padding-right: 0.75rem;
}
main .am-drawer .am-drawer-content .am-accordion .am-accordion-item .am-accordion-content .cinema-wrap .cinema-padding .cinema-main-right i {
  line-height: 0.9rem;
  color: #c6c6c6;
  font-size: 0.9rem;
}

.top-icon {
  position: fixed;
  width: 2.4rem;
  height: 2.4rem;
  right: 0.25rem;
  bottom: 0.25rem;
  text-align: center;
  line-height: 2.4rem;
}
.top-icon i {
  font-size: 2.4rem;
  color: #000;
}
